/***
* @name: Reset（样式重置）
* @author:
* @type: 基础类
* @explain: 移除元素的填充(padding)和边距(margin)，定义一些元素的基本样式
* @relating: no
* @dependent: no
*/
/*
* ********** 移除元素的 padding, margin **********
*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td, input, textarea { margin: 0; padding: 0; }
/*
* ********** 定义基本元素的样式 默认字体：宋体 **********
*/
body { font-family:\5B8B\4F53,Arial Narrow,arial,serif; background-color: #fff; font-size: 12px;}
img{ vertical-align: top; border-width:0; }
ol,ul { list-style: none;}
li{ list-style-type: none;}
caption,th { text-align: left;}
address,caption,cite,code,dfn,ins,em,th,var { font-weight:normal; font-style:normal;}
input,textarea{ font-size: 12px; padding: 2px;}
/* **** 基本的文本输入框样式 **** */
.input-text,.textarea{border: 1px solid #ccc; padding: 3px;}
.input-text{ line-height: 12px; height: 12px; }
.textarea{line-height: 18px; padding: 6px; background: url(opacify-logo.gif) no-repeat 50% 50%;}
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
h1{ font-size: 18px; }
h2{ font-size: 14px; }
h3{ font-size: 12px; }
a{ color: #333; text-decoration: none;}
a:hover {color: #f00; }
/* @end **/
/***
* @name: Grids960（960栅格化）
* @author:
* @type: 基础类
* @explain: 栅格化设计,列出常用的几个宽度值,栏间距：10px,
* @relating: no
* @dependent: no
*/
.w-150{ width: 150px; }
.w-200{ width: 200px;}
.w-210{ width: 210px; }
.w-220{ width: 220px; }
.w-230{ width: 230px; }
.w-240{ width: 240px; }
.w-250{ width: 250px; }
.w-310{ width: 310px; }
.w-300{ width: 300px; }
.w-320{ width: 320px; }
.w-350{ width: 350px; }
.w-360{ width: 360px; }
.w-370{ width: 370px; }
.w-380{ width: 380px; }
.w-390{ width: 390px; }
.w-400{ width: 400px; }
.w-410{ width: 410px; }
.w-480{ width: 480px; }
.w-470{ width: 470px; }
.w-550{ width: 550px; }
.w-560{ width: 560px; }
.w-570{ width: 570px; }
.w-600{ width: 600px; }
.w-650{ width: 650px; }
.w-670{ width: 670px; }
.w-700{ width: 700px; }
.w-720{ width: 720px; }
.w-740{ width: 740px;}
.w-750{ width: 750px; }
.w-810{ width: 810px; }
.w-960{ width: 960px; }
/* author: wangyuelong */
.w-160{ width:160px}
.w-260{ width:260px}
.w-318{ width:318px}
.w-450{ width:450px}
.w-520{ width:520px}
.w-690{ width:690px}
.w-790{ width:790px}
/* @end **/
.textarea-w600{ width: 592px; }
/***
* @name: Layout（布局）
* @author:
* @type: 基础类
* @explain: 布局主体结构,定义网站的常用布局
* @relating: no
* @dependent: no
*/
/*
* ********** 横截栏的样式: 居中，宽度 **********
*/
.column { width: 960px; margin: 0 auto; }
/*
* ********** 三栏布局: 左两栏 + 右一栏 **********
*/
.col-l-main,
.col-l-main .col-l { float: left; }
.col-r-extra,
.col-l-main .col-r { float: right; }
/*
* ********** 三栏布局: 左一栏 + 右两栏 **********
*/
.col-r-main,
.col-r-main .col-r{ float: right; }
.col-l-extra,
.col-r-main .col-l{ float: left; }
/* @end **/
/* ********** 样式中用到的图片拼合集合 ********** */
.content-top,.image-top,.mode-sear,.diy-head-a,.mode-flash-1 .thumb ul li.cur{background-image: url(cmstop-block.png);}
.mode-sear,#show-all-cont,.go-bbs a.bbs,.go-bbs a.stow,.go-bbs a.site-tree,
.slide-txt span,.resource-head,.mode-bg-dott,.digg a,.reg-a,.shareTitle{background-image: url(cmstop-big.png);}
.mode-bg-dott{ height: 20px; background-position: left -252px; }
.span-bg-blue,.span-bg-black,.span-bg-blue2{ padding: 3px 8px; float: left; color: #fff; background-color: #06c; }
.span-bg-black{background-color: #666;}
.span-bg-blue2{ background-color: #59B6E8;}
.mode-bg-dott span a{ color: #fff; }
.mode-bg-dott span a:hover{ color: #ff0; }
/* 顶部条 */
.header-top{ height: 28px; }
.logo-bar{ background-color: #fff; height: 80px; }
.login{ margin-right: 80px; padding-top: 6px; color: #666; }
.login a { margin-right: 5px; margin-left: 5px; color: #666; }
.login a:hover{ color: #f00; }
.go-bbs a{ float:left; line-height:28px; margin-right:20px; padding-left:20px; color:#666;}
.go-bbs a.bbs{ background-position: -183px -43px; }
.go-bbs a.stow{ background-position: -181px -110px ;}
.go-bbs a.site-tree{ background-position: -184px -71px; }
.sear-top{ margin-top: 3px; }
/* LOGO */
.logo-menu{ background-color: #fff; }
.logo-box{ height: 80px; margin-top: 0px; background-image: url(image-logo.jpg); background-repeat: no-repeat;}
.logo-box h1 a{ text-indent: -9999px; display: block; width: 150px; height: 36px; }
.logo-box p{ color: #666; text-align: center; }
.top-rss{ *margin-top: -2px;}
/* 友情链接 */
.out-links{border: 1px solid #dbdada; text-align: center; background-color: #f1f1f1; }
.out-links div{ padding: 2px; }
.out-links ul{margin:4px; background-color:#fff; padding-top:4px; text-align: left;padding-left: 10px;}
.out-links li{ display:inline; line-height:35px;}
/* 页面底部 */
#foot{ text-align: center; }
#foot_link{ height: 30px; line-height: 30px; }
#foot_link a{ color: #000;}
#foot_link a:hover{ color: #f00; }
#foot p{ line-height: 22px; color: #666;}
/* 分页 */
.page{text-align:center;}
.page li{ float: left;}
.page a{float:left; padding:0 6px; margin:0 6px 0 0; height: 20px; line-height:20px; border:1px solid #ddd; font-family: Arial, Helvetica, sans-serif; text-align: center; vertical-align: middle; background-color:#fff; color:#454545;}
.page a:hover,a.now{ text-decoration:none; border-color:#06c; }
.page a.now{ font-weight:bold; background:#2266BB; color:#fff; }
/* ********************** 明显的分割线 ************************ */
/* ********* 大图背景 ******** */
.mode-menu,.mode-menu ul li.nav-cur,.mode-menu ul li.nav-cur a,.menu-cir-l,.menu-cir-r,.menu-cir-main,
.mode-head,.mode-tabs,.mode-tabs ul li a,.mode-tabs ul li a.tabs-focus,.mode-imgtitbg,
.magazine-wrap .magazine-tab-menu li a,#nav-cur,#nav-cur a{ background-image: url(cmstop-block.png);}
.his-1,.his-2,.mode-txtlink li,.mode-rank li em,.mode-rank li em.front,
.mode-fastimg,.mode-videotitle,.mode-imgtitle .more,.mode-intertitle,.mode-news,.mode-position span a,
.mode-sear ,.post-btn,.btn_black,.mode-head a.more-e,.mode-head-3 h2,.v-play-c,.v-comment-c,.other,.bigNews-head h2,
.pic-list-wrap .more,.hr-dotted,.mode-vote .vote-all,.pic-news-list h2,.magazine-wrap .magazine-head,
.mode-position ,.italk-pl,.italk-pl:hover ,.his-maga,.cover-title h2,
.printing,.webbook,.post-tw,.maildy,.post-fri,.gall-pageNumber,.view-all-pic,.view-other a,.view-primal a,
.gall-slide-console a,.gall-slide-console a:hover,.img-more,.member-btn,.fast-login-btn,.mode-vote .submit{background-image: url(cmstop-big.png);}
/***
* @name: mode-menu
* @author:
* @type: 导航
* @explain:
* @relating:
* @dependent:
*/
/* ********* 非圆角菜单 ******** */
.mode-menu{ height: 35px; line-height: 35px; background-position: left -53px; }
.mode-menu ul li { float: left; margin: 0 2px 0 2px; padding-left: 10px; }
.mode-menu ul li a{ float: left; padding-right: 10px; text-align: center; color: #fff; font-size: 14px;font-family:Microsoft YaHei,SmiHei,Arial;}
.mode-menu ul li.nav-cur,#nav-cur{ background-position: -0px -532px; }
.mode-menu ul li.nav-cur a,#nav-cur a{ background-position: right -566px; font-weight: bold; color: #c00; padding-right: 8px; }
/* ********* 圆角菜单 ******** */
.menu-cir{ position: relative; height: 67px; }
.menu-cir-main,.menu-cir-l,.menu-cir-r{position: absolute; width: 11px; height: 67px;}
.menu-cir-main{ width: 938px; left: 11px; background-position: left -53px; }
.menu-cir-l{ left: 0; background-position: -1px -132px; }
.menu-cir-r{ right: 0; background-position: -12px -132px;}
.menu-cir-main .menu-hot{ line-height: 34px; }
/* 无子栏目 菜单,比如大众版首页,dz-index.html */
.nosubmenu{ height: 35px; overflow: hidden; zoom: 1;}
/* ********* 历史页面按钮 ******** */
.his-1,.his-2{ margin-right: 6px; }
.his-1{ padding-left: 16px; color: #fff; background-position: -15px -470px; }
.his-2{ padding: 0 6px 0 18px; background-position:-14px -511px; color:#06c; }
.his-1:hover{ color: #ff0; }
.his-2:hover{ color: #c00;}
/* ********* 热点关注 ******** */
.menu-hot{ line-height: 22px;}
.menu-hot span.hot-news a{ margin-right: 30px; }
.menu-hot span.hot-news a:hover{ color: #f00; }
.menu-hot ul li{ display: inline; }
.menu-hot ul li a{ font-size: 14px; margin: 0 10px; }
/* @end **/
/***
* @name: mode-head，mode-tabs
* @author:
* @type: 标题行,包含切换（tabs）
* @explain: 一些模块的标题行，包括标题名称，更多链接
* @relating: no
* @dependent: no
*/
/* ********* 该模块公共组合 ******** */
.mode-head-2,.mode-head,.mode-tabs{ height: 27px; line-height: 27px; padding: 0 8px; overflow: hidden; zoom:1; }
.mode-head h2,.mode-head-2 h2,.mode-tabs h2{ float: left; font-weight: bold; }
/* ********* 有背景类 ******** */
.mode-head{ background-position: 0 -254px; border-bottom: 1px solid #9FCCE9;}
.mode-head a.more,.mode-head a.more-e{ float: right; color: #06c; }
.mode-head a.more-e{ width: 37px; height: 12px; margin-top: 8px; background-position: -17px -50px; text-indent: -9999px; }
.mode-head a.more-e:focus{ outline: none;}
.mode-head ul{ float: right;}
.mode-head ul li{ float: left;}
.mode-head ul li a{ float: left; margin: 0 8px; color: #666;}
.mode-head a.more:hover,.mode-head a.more-e:hover,.mode-head ul li a:hover{ color: #c00;}
/* ********* 无背景类 ******** */
.mode-head-2{border-bottom: 1px solid #dbdada;}
.mode-head-2 a.more{ color: #999; float: right;}
.mode-head-2 a.more:hover{ color: #f00; }
.mode-head-3{ background: none; border-bottom: none; }
/* ********* 切换类 ******** */
.mode-tabs{ height: 30px; background-position: left -703px;}
.mode-tabs ul li{ float: left;}
.mode-tabs ul li a{ float: left; padding: 0 10px; background-position: left -632px; color: #06c; }
.mode-tabs ul li a.tabs-focus{ height: 29px; background-position: left -665px; color: #666; font-weight: bold;}
.mode-tabs ul li a:hover{ color: #f00; }
.mode-tabs ul li a.tabs-focus:hover{ color: #000;}
.mode-tabs-2{ padding: 0;}
.mode-tabs-fs14 ul li a{ font-size: 16px; }
/* ********* 图片标题 ******** */
.mode-imgtitle{ height: 34px; line-height: 34px;}
.mode-imgtitle p{ float: left; color: #999;}
.mode-imgtitle ul{ float: right; }
.mode-imgtitle ul li{ float: left; margin-right: 10px;}
.mode-imgtitle ul li a{ color: #333; }
.mode-imgtitle .more,.other{ margin-top: 10px; margin-right: 5px; width: 38px; height: 16px; background-position: -15px -48px; }
.other{ margin-top: 0;margin-right: 0; text-indent: -9999px; }
/* ********* 各title背景图片 ******** */
.mode-imgtitbg{ height: 35px; background-position: left -379px; border-bottom: 1px solid #9FCCE9; }
.mode-fastimg,.mode-videotitle,.mode-intertitle,.mode-news{ float: left; text-indent: -9999px; }
.mode-fastimg{ width: 77px; background-position: -156px -510px;}
.mode-videotitle,.mode-intertitle,.mode-news{ width: 115px; }
.mode-videotitle{ background-position: -11px -424px; }
.mode-intertitle{ background-position: -11px -366px; }
.mode-news{ background-position: -13px -322px;}
.mode-pictitle{ width: 143px; background-position: -111px -1333px; }
/* ********* 更多按钮 ******** */
.img-more{width:45px; height:20px; background-position: -15px -48px; text-indent:-9999px; }
/* ********* 视频页面title样式 ******** */
.mode-head-3 h2{padding-left: 30px; padding-top: 6px; background-position: -269px -1055px ; background-repeat: no-repeat; }
/* ********* 在默认样式上自定义背景 ******** */
.diy-bg-a{ background-position: 0 0;}
/* @end **/
/***
* @name: mode-txtlink,mode-rank
* @author:
* @type: 文本列表模块
* @explain: 列表中基本的是12px, 颜色是666，可以快速切换到14px，颜色是06c，依赖的模块是mode-head
* @relating: no
* @dependent: mode-head
*/
/* ********* 常规列表 ******** */
.mode-txtlink ul,.mode-txtlink ol { }
.mode-txtlink li,.mode-rank li{ padding-left: 8px; line-height: 24px; background-position: -286px -280px; background-repeat: no-repeat; }
.mode-txtlink li a{ color: #666; }
.mode-txtlink li a:hover{ color: #f00; }
.mode-txtlink li cite,.mode-txtlink li .date,.mode-rank li em{ font-family: Arial; font-size: 10px; }
.mode-txtlink li cite{ color: #999; }
.mode-txtlink li .date{ margin-left: 10px; color: #999; }
/* ********* 排序列表 ******** */
.mode-rank li em{ float: left; margin-right: 8px; width: 16px; height: 20px; text-align: center; background-position: -139px -98px; }
.mode-rank li em.front{ background-position: -138px -58px; color: #fff; }
/* @end **/
/***
* @name: mode-txtlink,mode-rank
* @author:
* @type: 面包屑导航
* @explain: 列表中基本的是12px, 颜色是666，可以快速切换到14px，颜色是06c，依赖的模块是mode-head
* @relating: no
* @dependent: mode-head
*/
.mode-position{ padding-left: 20px; line-height: 21px; background-position: -280px -481px; background-repeat: no-repeat;}
.mode-position .menu-a{ margin-right: 10px; color: #06c; font-weight: bold; font-size: 14px; }
.mode-position span a{ padding-right: 10px; background-position: right -911px; }
/* @end **/
/*
* ***************** 侧边栏搜索条 *****************
*/
.mode-sear{ width: 190px; height: 28px; background-position: -57px -152px;}
.mode-sear .sear-box,.mode-sear .sear-btn{ background-color: transparent; border: none; }
.mode-sear .sear-box{ width: 146px; height: 17px;line-height: 17px; padding: 1px 2px 2px 4px; color: #666; _float:left;}
.mode-sear .sear-btn{ text-indent: -9999px; width: 30px; cursor: pointer; }
/* @end **/
/***
* @name: mode-comment
* @author:
* @type: 评论模块
* @explain:
* @relating:
* @dependent: mode-head
*/
/*
* ********** 评论列表 **********
*/
.mode-comment dt{ line-height: 26px;}
.mode-comment dt .user-info,.mode-comment dt .user-info a{ color: #06c;}
.mode-comment dt .user-info a:hover{ color: #f00; }
.mode-comment dt .user-info{float: left;}
.mode-comment dt .post-time{ float:right; color: #999; font-family: Arial; font-size: 10px; }
.mode-comment dd{ clear:both; padding-bottom: 10px; }
.citation-wrap{ line-height: 24px; overflow: hidden;}
.mode-comment dd p{ line-height: 24px; font-size: 14px; color: #333;}
.mode-head .comment-count{padding-left: 10px; color: #666; }
.mode-head .comment-count em{ padding: 0 4px; font-family: Arial; color: #f00; }
.post-comment-area{ background-color: #f8fbfc; border-top: 1px solid #dfedf2;}
.post-comment-area .textarea{ height: 100px; background-color: #fff; border-color: #ddd; overflow: auto; }
.textarea-w663{ width: 663px; }
/*
* ********** 用户登录区域 **********
*/
.view-comment{ line-height: 40px; text-align: right; color: #666; }
.view-comment a{ margin-left: 10px; color: #06c; }
.view-comment a:hover{ color: #f00; }
.user-writeinfo{ height: 30px; line-height: 30px; padding: 10px 0 5px 0; }
.user-writeinfo a{ color: #06c;}
.user-writeinfo a:hover{ color: #f00;}
.fast-login{ width: 180px; padding: 15px; border: 1px solid #9FCCE9; background-color: #F8FBFC;}
.fast-login .input-text{ width: 100px; margin-bottom: 10px; }
.post-btn,.btn_black{ width: 75px; height: 25px; padding-bottom: 5px; color: #fff; font-weight: bold; border: none; font-size: 12px; background-color: transparent; background-position: -7px -844px;}
.fast-login-btn{height:21px; width:64px; background-color: #f8fbfc; background-position: -8px -203px; border: none; }
#loginPassword{ margin-top: 8px;}
/* @end **/
/*
* ********** 内容页分页模块 **********
*/
.pagination{ margin: 0 auto; text-align: center; }
.pagination a {background-color: #fff; border:1px solid #ddd; color:#2266BB; float:left; height:20px; line-height:20px; margin:0 6px 0 0; padding:0 6px; text-align:center; vertical-align:middle; font-family: Arial;}
.pagination a:hover,.pagination a.now{ border-color: #26b; }
.pagination a.now{ background-color: #26b; color: #fff; font-weight: bold; }
.pagination a.no-op { background:none repeat scroll 0 0 #fff;border-color:#ddd;}
.no-op, a.no-op {color:#ccc; cursor: pointer; text-decoration:none;}
#show-all-cont{ border-width: 0; float: left; width: 72px; line-height: 21px; height: 21px; background-position: -208px -202px; color: #fff; }
#show-all-cont:hover{ color: #ff0; }
/***
* @name: mode-imgtxt
* @author:
* @type: 图文列表模块
*
* @explain: 图片+文字，其中图片在上，文字链接在图片之下，外层由li包裹，li-width分为四种规格，50%，33.3333%，25%，20%，这些规格取决于
* 图片尺寸，图片比例为：width : height = 4 : 3, 单个li的下边距margin-bottom: 6px, 整个图片区域距离顶部10px, 单个li内的p元素
* 行高line-height: 24px
*
* @relating: no
* @dependent: mode-head
*/
.mode-imgtxt { padding-top: 10px; overflow: hidden;}
.mode-imgtxt li{ float: left; margin-bottom: 6px; text-align: center; overflow: hidden; }
.mode-imgtxt li p{margin: 4px 0 0 6px; height: 36px; line-height: 18px; text-align: left; }
.mode-imgtxt li p.txt-c{text-align:center;}
.mode-imgtxt ul.per-50 li { width: 50%;}
.mode-imgtxt ul.per-33 li { width: 33.3333%;}
.mode-imgtxt ul.per-25 li { width: 25%;}
.mode-imgtxt ul.per-20 li { width: 20%;}
/* @end **/
/***
* @name: mode-imgtxtsummary
* @author:
* @type: 基础类,图片+标题+摘要，模块
* @explain: 区域左侧距离，距顶都是8px，li的间距,h3距离图片都是:6px, 点线分割为10px，
* 该模块可以扩展一下，比如图片底部还有一个链接，此时应该添加的标记：
我是新来的
* @relating: mode-imgtxt，mode-txtlink
* @dependent: mode-head
*/
.mode-imgtxtsummary { padding: 8px 8px 0 8px; overflow: hidden;zoom: 1; }
.mode-imgtxtsummary ul li{ margin-bottom:6px; height: 1%; clear: both; overflow: hidden; zoom: 1;}
.summary-h3{ margin-bottom: 6px; }
.mode-imgtxtsummary ul li .imgtxt{ float: left; margin-right: 10px; margin-bottom: 6px; }
.mode-imgtxtsummary ul li .imgtxt p{ text-align: center; }
.mode-imgtxtsummary ul li .imgtxt p a{ line-height: 20px; color: #666;}
.mode-imgtxtsummary ul li p.summary,.mode-imgtxtsummary ul li p.summary-no2em{ line-height: 16px; text-indent:2em; color: #666; }
.mode-imgtxtsummary ul li p.vd1{line-height:18px; color:#999;}
.mode-imgtxtsummary ul li p.summary a.detail{ color: #06c; }
.mode-imgtxtsummary ul li p.summary-no2em{ text-indent: 0; height: 54px;line-height:18px;_overflow:hidden;_zoom:1;}
.mode-imgtxtsummary ul li p.descriptionsT1{height:auto;}
.detail{ color: #06c;}
.detail:hover{ color: #c00;}
.spe-h3{margin-bottom: 4px; line-height: 18px; height: 36px; overflow: hidden;}
.mode-imgtxtsummary h3{line-height:18px;}
.mode-imgtxtsummary .mb0{margin-bottom:0;}
.mode-imgtxtsummary .vh3{margin-bottom:5px;}
.mode-imgtxtsummary .vh3 a{color:#06c;font-size:14px;}
.maginzeListWrap{padding:20px 8px 0 20px;}
.mode-imgtxtsummary ul li p.zy{line-height:22px;}
.summary-h3 .cor-ccc{color:#ccc;}
.mode-imgtxtsummary .maginzeList{margin-bottom: 50px;}
.mode-imgtxtsummary ul li.maginzeList{margin-bottom:30px;}
.mode-head .cor-333{color:#999;}
/* @end **/
/***
* @name: mode-imgtxtsummary-2
* @author:
* @type: 扩展类,图片+标题+摘要，模块
* @explain: 在原有基础上，h3排列在图片的右边，描述性文字没有了缩进，图片有了1px的边框,还有其他细节
* @relating: mode-imgtxt，mode-txtlink
* @dependent: mode-imgtxtsummary
*/
.mode-imgtxtsummary-2 ul li{ clear: both; margin-top: 5px; height: 1%;}
.mode-imgtxtsummary-2 ul li h3{ margin-bottom: 0; line-height: 18px; }
.mode-imgtxtsummary-2 ul li img{margin-bottom: 4px; padding: 1px; border: 1px solid #ccc; }
.mode-imgtxtsummary ul li .imgtxt{ margin-bottom: 0;}
.mode-imgtxtsummary-2 ul li p.summary{ text-indent: 0; color: #999; }
.mode-imgtxtsummary-2 ul li h3 a{ color: #06c; }
.mode-imgtxtsummary-2 ul li h3 a:hover{ color: #f00; }
/* @end **/
/* author: wangyuelong mode-imgtxtsummary03 */
.mode-imgtxtsummary03 img, .mode-imgtxtsummary04 img{ border:1px #ccc solid; padding:1px}
.mode-imgtxtsummary03 li{ margin-top:10px; height:1%; }
.mode-imgtxtsummary04 li{ height: 1%;}
.mode-imgtxtsummary04 h2{ padding-top:3px}
.mode-imgtxtsummary04 p{color:#666666; margin-top:6px; line-height:20px;}
.mode-imgtxtsummary04 .imgtxt{ margin-left:6px; display:inline}
.mode-rss img{ margin-left:4px; margin-top:4px; float:left}
/* end mode-imgtxtsummary03 */
/***
* @name: mode-vote
* @author:
* @type: 投票和调查模块
* @explain:
* @relating:
* @dependent: mode-head
*/
.mode-vote{ padding: 8px; }
.mode-vote h3{ line-height: 24px; }
.mode-vote li{ line-height: 21px;}
.tigong{font-size:12px;line-height:15px;color:#666;height:15px;text-align:center;border-top-width:1px;border-top-style:solid;border-top-color:#D7D7D7;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#D7D7D7;margin-right:10px;margin-left:10px;margin-bottom:10px;padding-top:7px;padding-bottom:7px;MARGIN-top:10px;}
.tigong a{color:#FF3300;}
.mode-vote li label{ padding-left: 2px; color: #666;}
.mode-vote .vote-handle{ line-height: 21px; padding: 10px 3px; }
.mode-vote .vote-all{float: left; margin-right: 20px; *padding-top: 6px; height:24px; width:64px; background-position: -107px -202px; background-color: #fff; text-align: center; color: #fff; border: none; }
.mode-vote .vote-submit{ padding-top: 20px; }
.mode-vote .vote-submit li{ line-height: 40px;}
.mode-recite p{ line-height: 18px; text-indent: 2em; color: #333; margin-bottom: 10px;}
.mode-recite strong.blaze{padding-left: 30px; line-height: 30px; color: #666;}
.mode-vote dt{margin-bottom: 10px;line-height: 24px; font-size: 14px; color: #c00; font-weight: bold; }
.mode-vote dd{ color: #666; margin-bottom: 6px; }
.mode-vote dd input{ margin-right: 4px; vertical-align: top; }
.mode-vote .submit{ float: left;margin: 10px 20px 10px 0; *padding-top: 6px; height:24px; width:64px; background-position: -107px -200px; background-color: #fff; text-align: center; color: #fff; border: none; }
.mode-vote dd a{ line-height: 20px;float: left;margin-top:12px; }
/* @end **/
/***
* @name: mode-imgtxt-video
* @author:
* @type: 基础类
* @explain: 视频列表，非重用性组件归置在各自页面内
* @relating: mode-imgtxtsummary
* @dependent:
*/
.mode-imgtxt-video{ clear: both; padding: 10px; padding-bottom: 0; overflow: hidden; zoom: 1; }
.mode-imgtxt-video ul{ margin-left: -46px; height: 320px;}
.mode-imgtxt-video ul li{ float: left; margin-bottom: 15px; margin-left: 46px; display: inline;height:154px;width:140px; overflow:hidden;_zoom:1;}
.mode-imgtxt-video ul li p{ color: #666; font-family: Arial; }
.mode-imgtxt-video ul li p.txtlink{margin-top:4px; }
.mode-imgtxt-video ul li p.txtlink a{ color: #06c; }
.mode-imgtxt-video ul li p.txtlink a:hover{ color: #f00; }
.v-play-c,.v-comment-c{ float: left; margin-right: 10px; height: 14px; padding-left: 17px; background-repeat: no-repeat; color: #666; }
.v-play-c{ background-position: -14px -1067px; }
.v-comment-c{ background-position: -118px -1066px;}
.video-txtlink ul{_margin:0;}
.video-txtlink .video-list-tj li{width:auto; _float:none;}
/* @end **/
/* ********************** 明显的分割线 ************************ */
/***
* @name: Fast style(快捷方式)
* @author:
* @type: 基础类
* @explain: 定义一些常用css的快捷方式,不必考虑命名方式，直接class叠加就搞定
* @relating: no
* @dependent: no
*/
/*
* ********** 隐藏 和 显示 **********
*/
.hide{ display: none; }
.show{ display: ''; }
/*
* ********** 定义模块间的间距，包括左右上下四个方向,基本间距: 10px **********
*/
.mar-l-10 { margin-left: 10px; }
.mar-r-10 { margin-right: 10px; }
.mar-t-10 { margin-top: 10px; }
.mar-b-10,.mar-b-10 ul li { margin-bottom: 10px; }
.mar-tb-10 { margin-top: 10px; margin-bottom: 10px; }
.mar-lr-10 { margin-left: 10px; margin-right: 10px; }
.mar-b-8{ margin-bottom: 8px; }
.padd-8{padding: 8px;}
.padd-3{ padding-top: 3px;}
.padd-20{ padding: 20px;}
.padd-lr-8{ padding-left: 8px; padding-right: 8px; }
.padd-tb-8{ padding-top: 8px; padding-bottom: 8px; }
.padd-b-0{ padding-bottom: 0;}
.padd-r-0{ padding-right: 0;}
.padd-t-0{ padding-top: 0;}
.padd-lr-20{ padding-left: 20px; padding-right: 20px; }
.padd-l-0{ padding-left: 0; }
.padd-b-8{ padding-bottom: 8px; }
.padd-10{ padding: 10px;}
.padd-12{ padding: 12px;}
.mar-l-3{ margin-left: 3px}
.mar-t-5{ margin-top:5px}
.mar-l-20{ margin-left: 20px}
.mar-t-20{ margin-top: 20px; }
.mar-lt-15{ margin-left:15px; margin-top:15px}
.mar-tb-6{ margin-top:6px; margin-bottom:6px}
.padd-b-12{ padding-bottom:12px;}
/*
* ********** 定义边框,默认宽度：1px **********
*/
.bor-gray,.bor-lineblue,.bor-9fc,.bor-ccc,.bor-cef{ border-width: 1px; border-style: solid;}
.bor-gray { border-color: #dbdada; }
.bor-lineblue{ border-color: #9fcce9; }
.bor-ccc{ border-color: #ccc;}
.bor-9fc{ border-color: #9FCCE9; }
.bor-cef{ border-color: #c8e1f2; }
.bor-lr-3e8{ border-left: 1px solid #3E8AC0; border-right: 1px solid #3E8AC0;}
/*
*********** 分割符, 以div的高度来作为分割 ,如果板块间以点线分割，则 设置div背景 **********
*/
.clear{ clear: both; }
.hr-h6,.hr-h8,.hr-h10,.hr-h16,.hr-h10-dot{ clear: both; overflow: hidden; zoom: 1; }
.hr-h6 { height: 6px; }
.hr-h8{ height: 8px; }
.hr-h10{ height: 10px; }
.hr-h16{ height: 16px; }
.hr-dotted{background-position: left -255px; }
.hr-h12{ height:12px}
.hr-h20{ height:20px}
/*
* ********** 浮动 **********
*/
.f-l { float: left; }
.f-r { float: right; }
/*
* ********** 字体大小 **********
*/
.fs-12,.fs-12 a{ font-size: 12px;}
.fs-14,.fs-14 a{ font-size: 14px;}
.fs-16,.fs-16 a{ font-size: 16px; }
/*
* ********** 字体颜色 **********
*/
.cor-c00 a,.cor-c00{ color: #c00; }
.cor-06c li a,.cor-06c a,.cor-06c{ color: #06c; }
.cor-666{ color: #666; }
.cor-4545 li a{ color: #454545;}
.cor-06c li a:hover{ color: #f00; }
.cor-f60{ color: #f60; }
.cor-333,.cor-333 li a{ color:#333; }
.cor-999{ color: #999; }
.cor-f00{ color: #f00; }
/*
* ********** 对齐 **********
*/
.txt-l{ text-align: left!important;}
.txt-r{ text-align: right;}
.txt-c{ text-align: center; }
/*
* ********** 行高 **********
*/
.line-h22 li,.line-h22{ line-height: 22px; }
.line-h26{ line-height: 26px; }
.line-h20 li { line-height: 20px; }
.line-h18{ line-height: 18px; }
.line-h16{ line-height: 16px; }
/*
* ********** 加粗 **********
*/
.bold{ font-weight: bold; }
/*
* ********** 背景 **********
*/
.white{ background-color: #fff; }
/*
* ********** 定高 **********
*/
.title-h32{ height: 32px; }
.r-imgbox .title-h32{line-height: 18px;height:auto;}
.mode-imgtxtsummary ul li.r-imgbox .imgtxt{margin-top:4px;}
/*
* ********** 手型 **********
*/
.hand{cursor:pointer;}
/* @end **/
.imgcss3{
-webkit-transform: scale(1,1);
-webkit-transition: -webkit-transform .4s ease-in;
}
.imgcss3:hover{
-webkit-transform: scale(1.2,1.2);
}
.ie6{_overflow:hidden;}
/*--数字排行效果--*/
.list-icons {overflow:hidden;}
.list-icons li {position:relative;padding:0 0 0 28px;margin:0px;border:none;font-family:Verdana, Arial;word-break:break-all;height:20px;line-height:20px;background:#fff;}
.list-icons li span {display:inline;background:url(top_pane.png) no-repeat center -9px;font-family:Verdana;color:#fff;font-size:9px;font-weight:700;text-align:center;display:block;position:absolute;left:5px;top:6px;width:15px;height:9px;line-height:8px;padding:0;}
*+html .list-icons li span {top:5px;}
.list-icons .list-icon1 {background:url(top_pane.png) no-repeat center top;}
.list-icons li a {line-height:20px;}
.toplist-icons {overflow:hidden;}
.toplist-icons li {position:relative;padding:0 0 0 28px;margin:0px;border:none;font-family:Arial,Verdana;height:20px;line-height:20px;background:#fff;}
.toplist-icons li span {display:inline;background:url(top_pane.png) no-repeat center -33px;font-family:Arial,Verdana;color:#6498c2;font-size:10px;font-weight:700;text-align:center;display:block;position:absolute;left:5px;top:3px;width:15px;height:15px;line-height:14px;padding:0;}
.toplist-icons .list-icon1 {background:url(top_pane.png) no-repeat center -18px;color:#fc7836;}
.toplist-icons li,.toplist-icons li a {height:21px;line-height:21px;}
.toplist-icons2 {overflow:hidden;}
.toplist-icons2 li {position:relative;padding:0 0 0 28px;margin:0px;border:none;font-family:Arial,Verdana;height:20px;line-height:20px;background:#fff;}
.toplist-icons2 li span {display:inline;background:url(top_pane.png) no-repeat 0 -33px;font-family:Arial,Verdana;color:#6498c2;font-size:10px;font-weight:700;text-align:center;display:block;position:absolute;left:0px;top:3px;width:25px;height:15px;line-height:13px;padding:0;}
.toplist-icons2 .list-icon1 {background:url(top_pane.png) no-repeat center -48px;color:#fc7836;}
.toplist-icons2 li,.toplist-icons2 li a {height:21px;line-height:21px;}
.pleft{
width:712px;
float:left;
overflow:hidden;
}
.pleft .place{
width:655px;
height:22px;
line-height:22px;
background:#EDEDED;
border:1px #CCC solid;
text-indent:12px;
color:#CCC;
overflow:hidden;
}
.pleft .place strong{
color:#F08080;
font-weight:normal;
letter-spacing:1px;
}
.pleft .place a{
color:#666;
margin:0px 2px;
}
.pleft .place a:hover{
color:#333;
text-decoration:none;
}
.pleft .place small{
display:inline-block;
vertical-align:middle;
width:8px;
height:20px;
*height:24px;
overflow:hidden;
background:url(ico-3.gif) 2px 8px no-repeat;
font-size:0px;
}
.pright{
width:240px;
float:right;
overflow:hidden;
}
.list_pages{
}
.list_pages ul{
float:left;
padding:12px 0px 12px 16px;
}
.list_pages ul li{
float:left;
font-family:Tahoma;
line-height:17px;
margin-right:6px;
border:1px solid #E9E9E9;
}
.list_pages ul li a{
float:left;
padding:2px 4px 2px;
color:#555;
display:block;
}
.list_pages ul li a:hover{
color:#690;
text-decoration:none;
padding:2px 4px 2px;
}
.list_pages ul li.thisclass,
.list_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
background-color:#F8F8F8;
padding:2px 4px 2px;
font-weight:bold;
}
.list_pages .pageinfo{
line-height:21px;
padding:12px 10px 12px 16px;
color:#999;
}
.list_pages .pageinfo strong{
color:#555;
font-weight:normal;
margin:0px 2px;
}
/*分页样式2*/
.pagelink {padding: 3px; margin: 10px;text-align: center}
.pagelink a {border: #dedfde 1px solid; padding:2px 6px; background-position: 50% bottom; color: #295aa8; background:#F1F6FA; margin-right: 3px; text-decoration: none}
.pagelink a:hover {border: #2c63b1 1px solid; background-image: none; color: #254f9b;background-color: #F1F6FA; text-decoration:none;}
.pagelink b {border: #345ea9 1px solid; background-image: none;color: #fff; background-color: #5478b8;padding:2px 6px;margin-left: 0px;margin-right: 3px; text-align: center}
.pagelink a b{border:none;background:none;padding:0;color: #295aa8; background:#F1F6FA; margin: 0;}
/*---------- index ---------*/
.index .bignews{
width:424px;
height:410px;
float:right;
border:1px solid #CFCFCF;
background: #FFF url(headbg-top.gif) repeat-x;
overflow:hidden;
}
.index .bignews a{
color:#000;
}
.index .bignews .onenews{
background:url(HOT.gif) left top no-repeat;
padding:8px 12px;
border-bottom:1px solid #EBEBEB;
text-align:center;
}
.index .bignews .onenews h2{
text-align:center;
display:block;
height:28px;
line-height:25px;
}
.index .bignews .onenews h2 a{
font-size:16px;
}
.index .bignews .onenews p{
line-height:19px;
color:#777;
}
.index .bignews ul.d1{
padding:6px 14px;
border-bottom:1px solid #EBEBEB;
clear:both;
overflow:hidden;
}
.index .bignews ul.c2{
width:416px;
padding:6px 4px 0px;
border-top:2px solid #FAFAFA;
clear:both;
overflow:hidden;
}
.index .flashnews{
width:280px;
height:192px;
overflow:hidden;
float:left;
}
.index .latestnews{
width:280px;
height:210px;
margin-top:8px;
float:left;
}
.index .latestnews dl dd{
padding:2px 5px;
}
.index .latestnews ul a{
color:#000;
}
.index .picnews{
width:712px;
float:left;
clear:both;
overflow:hidden;
margin-top:8px;
}
.index .shopnews{
width:980px;
float:left;
clear:both;
overflow:hidden;
margin-top:8px;
}
.index .listbox{
width:720px;
overflow:hidden;
float:left;
clear:both;
overflow:hidden;
}
.index .listbox dl{
width:352px;
margin-right:8px;
margin-top:8px;
float:left;
}
.index .listbox ul a{
color:#000;
}
.index .usercenter .tbox dd{
height:370px;
display:none;
}
.index .usercenter .tbox dd#loading{
display:block;
text-align:center;
line-height:200px;
letter-spacing:2px;
color:#999999;
}
.index .userlogin{
padding-top:10px;
}
.index .userlogin .fb{
height:37px;
}
.index .userlogin .fb span{
float:left;
width:60px;
text-align:right;
padding-right:6px;
color:#888;
}
.index .userlogin .fb img{
vertical-align:middle;
margin-left:5px;
}
.index .userlogin .submit{
text-align:center;
padding-top:3px;
}
.index .userlogin .submit a{
color:#030;
margin-left:7px;
}
.index .userinfo{
}
.index .userinfo .welcome{
width:220px;
height:24px;
margin:12px auto;
background:#F9F9F9;
border-top:1px solid #EEE;
border-bottom:1px solid #EEE;
line-height:23px;
text-indent:10px;
color:#777;
}
.index .userinfo .welcome strong{
color:#F60;
font-weight:bold;
}
.index .userinfo .userface{
width:60px;
height:64px;
overflow:hidden;
padding-left:16px;
padding-top:2px;
float:left;
}
.index .userinfo .userface a{
display:block;
margin:0px auto;
text-align:center;
}
.index .userinfo .userface a img{
width:52px;
height:52px;
display:block;
margin:0px auto 6px;
padding:2px;
border:1px solid #DDD;
}
.index .userinfo .mylink{
width:144px;
float:left;
overflow:hidden;
}
.index .userinfo .mylink ul{
}
.index .userinfo .mylink ul li{
width:72px;
float:left;
line-height:21px;
text-indent:12px;
}
.index .userinfo .mylink ul li a{
color:#666;
}
.index .userinfo .uclink{
height:31px;
line-height:31px;
clear:both;
overflow:hidden;
text-align:center;
color:#DDD;
}
.index .userinfo .uclink a{
color:#690;
margin:0px 2px;
}
.index .latestlogin{
padding-top:16px;
}
.index .latestlogin strong{
width:102px;
padding-left:6px;
letter-spacing:1px;
color:#666;
display:block;
line-height:21px;
background:#FFF;
position:relative;
z-index:5;
}
.index .latestlogin ul{
width:224px;
border-top:1px solid #CCC;
padding-top:20px;
z-index:3;
margin:-12px auto 0px;
}
.index .commend dl dd{
padding-top:0px;
}
.index .hot dl dd{
padding-top:0px;
}
.index .hot dl dd .c1 li a{
width:210px;
overflow:hidden;
color:#000;
}
.index .vote dl dd strong{
display:block;
line-height:27px;
padding-left:8px;
letter-spacing:1px;
color:#36E;
border-bottom:1px solid #DDD;
margin:0px 4px;
}
.index .vote dl dd .fb{
padding-top:10px;
height:16px;
padding-left:10px;
color:#333;
}
.index .vote dl dd .fb input{
margin-right:4px;
}
.index .vote dl dd .submit{
text-align:center;
vertical-align:middle
height:35px;
padding-top:8px;
overflow:hidden
}
.index .vote dl dd .submit button{
margin-right:10px;
overflow:hidden
}
.index .vote dl dd .submit a{
color:#003300
}
/*---------- channel ---------*/
.channel .flashnews{
width:280px;
height:192px;
overflow:hidden;
float:left;
background:#F00;
}
.channel .topcommand{
width:424px;
float:right;
overflow:hidden;
}
.channel .topcommand dl dd{
height:162px;
}
.channel .topcommand a{
color:#000;
}
.channel .topcommand .onenews{
padding:3px 12px;
border-bottom:1px solid #EBEBEB;
}
.channel .topcommand .onenews h2{
display:block;
height:28px;
line-height:25px;
}
.channel .topcommand .onenews h2 a{
font-size:16px;
}
.channel .topcommand .onenews p{
line-height:19px;
color:#777;
}
.channel .picnews{
width:712px;
float:left;
clear:both;
overflow:hidden;
margin-top:8px;
}
.channel .listbox{
width:720px;
float:left;
clear:both;
overflow:hidden;
}
.channel .listbox dl{
width:352px;
margin-right:8px;
margin-top:8px;
float:left;
}
.channel .listbox ul a{
color:#000;
}
/*---------- viewbox ---------*/
.viewbox{
width:710px;
overflow:hidden;
padding-bottom:8px;
border:1px #CCC solid;
background-color:#f8f8f8;
}
.viewbox .title{
height:56px;
line-height:56px;
text-align:center;
overflow:hidden;
padding-top:10px;
}
.viewbox .title h2{
font-size:24px;
color:#1874CD;
}
.viewbox .info{
height:24px;
line-height:17px;
text-align:center;
overflow:hidden;
color:#777;
}
.viewbox .info small{
margin-left:8px;
margin-right:3px;
color:#999;
font-size:12px;
}
.viewbox .info a{
color:#690;
}
.viewbox .intro{
padding:8px 16px;
line-height:25px;
background:#FAFDFE;
border:1px solid #DDD;
font-size:14px;
color:#666;
margin-top:8px;
}
.viewbox .infolist{
width:368px;
float:left;
}
.viewbox .infolist small{
width:100px;
text-align:right;
display:block;
float:left;
font-size:12px;
line-height:31px;
color:#999;
clear:left;
height:31px;
overflow:hidden;
}
.viewbox .infolist span{
width:200px;
line-height:30px;
float:left;
height:31px;
overflow:hidden;
}
.viewbox .picview{
width:320px;
float:right;
padding-right:24px;
padding-top:16px;
}
.viewbox .labeltitle{
height:23px;
background:url(view-labeltitle-bg.gif) left 10px repeat-x;
clear:both;
overflow:hidden;
margin:0px auto 0px;
padding-top:10px;
}
.viewbox .labeltitle strong{
width:80px;
height:23px;
line-height:23px;
text-align:center;
color:#FFF;
letter-spacing:1px;
display:block;
float:left;
background:url(view-labeltitle-bg.gif) left -44px no-repeat;
overflow:hidden;
}
.viewbox .content{
font-size:14px;
padding:12px 16px;
line-height:25px;
color:#000;
}
.viewbox .dede_pages{
width:712px;
float:none;
overflow:hidden;
text-align:center;
}
.viewbox .dede_pages ul{
margin:0px auto;
float:none;
clear:both;
overflow:hidden;
text-align:center;
white-space:nowrap;
}
.viewbox .dede_pages ul li,.viewbox .dede_pages ul li a{
float:none;
display:inline;
}
.viewbox .boxoff{
height:10px;
overflow:hidden;
clear:both;
background:url(boxoff.gif) left 15px repeat-x;
margin:4px auto;
padding-top:10px;
}
.viewbox .boxoff strong{
display:block;
width:8px;
height:10px;
overflow:hidden;
font-size:0px;
line-height:100px;
background:url(boxoff.gif) right -10px no-repeat;
float:left;
}
.viewbox .newdigg{
width:406px;
height:51px;
margin:8px auto;
clear:both;
overflow:hidden;
padding-left:8px;
}
.viewbox .diggbox{
width:195px;
height:51px;
float:left;
margin-right:8px;
overflow:hidden;
cursor:pointer;
}
.viewbox .diggbox .digg_act{
font-size:14px;
float:left;
line-height:31px;
text-indent:32px;
height:29px;
overflow:hidden;
font-weight:bold;
}
.viewbox .diggbox .digg_num{
float:left;
line-height:29px;
text-indent:5px;
}
.viewbox .diggbox .digg_percent{
width:180px;
clear:both;
padding-left:10px;
overflow:hidden;
}
.viewbox .diggbox .digg_percent .digg_percent_bar{
width:100px;
height:7px;
background:#E8E8E8;
border-right:1px solid #CCC;
float:left;
overflow:hidden;
margin-top:3px;
}
.viewbox .diggbox .digg_percent .digg_percent_num{
font-size:10px;
float:left;
padding-left:10px;
}
.viewbox .diggbox .digg_percent .digg_percent_bar span{
display:block;
height:5px;
overflow:hidden;
background:#000;
}
.viewbox .newdigg .digg_good{
background:url(newdigg-bg.png) left top no-repeat;
}
.viewbox .newdigg .digg_bad{
background:url(newdigg-bg.png) right top no-repeat;
}
.viewbox .newdigg .digg_good .digg_act{
color:#C30;
}
.viewbox .newdigg .digg_good .digg_num{
color:#C63;
}
.viewbox .newdigg .digg_bad .digg_act{
color:#36C;
}
.viewbox .newdigg .digg_bad .digg_num{
color:#39C;
}
.viewbox .newdigg .digg_good .digg_percent .digg_percent_bar span{
border:1px solid #E37F24;
background:#FFC535;
}
.viewbox .newdigg .digg_bad .digg_percent .digg_percent_bar span{
border:1px solid #689ACC;
background:#94C0E4;
}
.viewbox .handle{
height:59px;
padding-top:12px;
overflow:hidden;
clear:both;
}
.viewbox .handle .digg{
width:59px;
height:59px;
float:left;
background:url(digg-bg.gif) no-repeat;
margin-right:12px;
}
.viewbox .handle .digg .digg_num{
width:56px;
height:34px;
font-size:20px;
text-align:center;
line-height:34px;
overflow:hidden;
color:#6B9169;
}
.viewbox .handle .digg .digg_act{
width:56px;
height:22px;
line-height:23px;
overflow:hidden;
}
.viewbox .handle .digg .digg_act a{
margin-left:11px;
color:#777;
float:left;
}
.handle{
float:left;
margin-top:6px;
margin-bottom:6px;
width:710px;
background:#FFF;
border:1px solid #D1D1D1;
}
.context{
float:left;
}
.context ul li{
margin-left:10px;
line-height:29px;
color:#888;
}
.actbox{
width:300px;
text-align:center;
float:right;
padding-top:20px;
padding-right:10px;
}
.actbox ul li{
display:inline;
padding-left:22px;
background-image:url(actbox-ico.gif);
background-repeat:no-repeat;
margin-right:10px;
}
.viewbox .actbox ul li a{
color:#777;
}
.actbox ul li#act-fav{
background-position:4px 0px;
}
.actbox ul li#act-err{
background-position:4px -37px;
}
.actbox ul li#act-pus{
background-position:4px -73px;
}
.actbox ul li#act-pnt{
background-position:4px -109px;
}
.viewbox .downurllist{
width:100%;
clear:both;
overflow:hidden;
}
.viewbox .downurllist li{
height:27px;
background:url(downurl-bg.gif) right top no-repeat;
padding-right:4px;
float:left;
margin-right:10px;
overflow:hidden;
margin-top:10px;
}
.viewbox .downurllist li a{
height:27px;
background:url(downurl-bg.gif) left top no-repeat;
display:block;
font-size:12px;
color:#555;
text-indent:30px;
line-height:27px;
float:left;
padding-right:5px;
}
.viewbox .downurllist li a:hover{
color:#F63;
text-decoration:none;
}
.viewbox .picbox{
width:100%;
text-align:center;
padding-top:10px;
font-size:14px;
line-height:31px;
overflow:hidden;
}
.viewbox .picbox img{
display:block;
margin:16px auto 6px;
}
.viewbox .picbox ul.e8{
font-size:12px;
line-height:normal;
}
.viewbox .picbox ul.e8 li .pic{
background:none;
border:1px solid #EEE;
overflow:hidden;
}
.viewbox .picbox ul.e8 img{
margin:3px;
border:1px solid #CCC;
}
.viewbox .picbox ul.e8 li .title{
padding-top:0px;
}
.specialpic{
width:200px;
overflow:hidden;
float:left;
margin-right:20px;
padding-top:10px;
}
.specialpic img{
width:200px;
display:block;
}
.speciallist{
width:720px;
overflow:hidden;
}
.speciallist dl.tbox{
width:352px;
margin-right:8px;
margin-top:8px;
float:left;
}
.storypic{
width:160px;
overflow:hidden;
float:left;
margin-right:20px;
padding-top:10px;
}
.storypic img{
width:160px;
display:block;
}
.infos_userinfo{
width:240px;
overflow:hidden;
}
.infos_userinfo dd{
padding:12px;
overflow:hidden;
background:#FFF;
}
.infos_userinfo dd .userface{
width:52px;
height:52px;
padding:1px;
border:1px solid #DDD;
overflow:hidden;
float:left;
margin-right:8px;
}
.infos_userinfo dd .userface img{
width:52px;
height:52px;
overflow:hidden;
display:block;
}
.infos_userinfo dd .username{
height:19px;
line-height:19px;
display:block;
overflow:hidden;
font-weight:bold;
color:#F60;
}
.infos_userinfo dd .useract{
width:140px;
height:44px;
overflow:hidden;
float:left;
padding-left:4px;
}
.infos_userinfo dd .useract-pm,.infos_userinfo dd .useract-af{
width:70px;
float:left;
line-height:19px;
height:19px;
overflow:hidden;
}
.infos_userinfo dd .useract-vi{
display:block;
clear:both;
line-height:19px;
height:19px;
overflow:hidden;
color:#777;
}
.infos_userinfo dd .userinfo-sp{
height:25px;
line-height:25px;
clear:both;
display:block;
padding-left:10px;
}
.infos_userinfo dd .userinfo-sp small{
font-size:12px;
color:#AAA;
margin-right:5px;
}
.infos_search dd{
padding:4px 4px 12px 8px;
}
.infos_search dd select,.infos_search dd input,.infos_search dd button{
margin-left:4px;
margin-top:8px;
}
.infos_search dd select{
font-size:14px;
}
.tags_list dd{
padding:4px 12px;
line-height:220%;
}
.tags_list dd a{
margin-right:10px;
white-space:nowrap;
}
.tagc1{
font-size:12px;
color:#777;
}
.tagc2{
font-size:14px;
font-weight:bold;
color:#666;
}
.tagsc3 {
border-top:2px #CC0000 solid;
padding:12px;
color: #CC0000;
line-height:23px;
text-align:center;
vertical-align:middle;
clear:both;
overflow:hidden;
}
.sp-title{
color:#888;
padding:4px 12px;
border-top:1px solid #EEE;
border-bottom:1px solid #EEE;
background:#FAFAFA;
margin-bottom:8px;
}
.sp-title h2{
font-size:16px;
line-height:27px;
}
.sp-title h2 a{
margin-left:6px;
}
.sp-title .more{
float:right;
margin:-27px 0px;
line-height:27px;
}
.linkbox{
padding:10px 8px;
border-bottom:1px solid #EEE;
}
.linkbox h3,.linkbox h3 a{
font-size:14px;
color:#693;
}
.buycar{
}
.buycar h2{
font-size:14px;
color:#F60;
line-height:31px;
}
.buycar .flow{
width:100%;
border-left:1px solid #DEE79E;
border-right:1px solid #DEE79E;
border-top:1px solid #DEE79E;
/* border-collapse:collapse;*/
margin-bottom:16px;
}
.buycar .flow td{
height:23px;
line-height:19px;
background:#F8FAEB;
text-align:center;
color:#888;
overflow:hidden;
border-right:1px solid #EFF3CF;
border-bottom:1px solid #EFF3CF;
border-top:3px solid #FFF;
letter-spacing:3px;
}
.buycar .flow td.thisclass{
background:#FFF;
border-bottom:1px solid #FFF;
border-top:3px solid #F8FAEB;
font-weight:bold;
color:#333;
}
.flinkbox{
padding:4px 10px;
}
.formbox{
width:90%;
margin:0px auto;
}
.formbox .fb{
width:100%;
clear:both;
overflow:hidden;
padding-top:10px;
margin:0px auto;
}
.formbox .fb .name{
width:180px;
float:left;
height:31px;
text-align:right;
padding-right:10px;
line-height:31px;
font-size:14px;
color:#777;
display:block;
}
.formbox .fb .value{
float:left;
}
.formbox .fb .value img{
vertical-align:middle;
}
.dede_comment{
padding-bottom:6px;
}
.dede_comment .decmt-box{
width:98%;
padding:6px 5px 8px;
margin:0px auto;
border-bottom:1px solid #E5E5E5;
overflow:hidden;
clear:both;
}
.dede_comment .decmt-box .decmt-title{
line-height:19px;
color:#999;
font-family:Tahoma;
}
.dede_comment .decmt-box .decmt-title span{
margin-right:2px;
vertical-align:middle;
}
.dede_comment .decmt-box .decmt-title .moodico{
height:18px;
width:18px;
display:inline-block;
}
.dede_comment .decmt-box .decmt-title .username{
color:#669;
}
.dede_comment .decmt-box .decmt-title .username a{
color:#669;
}
.dede_comment .decmt-box .decmt-title .username a:hover{
text-decoration:none;
color:#690;
}
.dede_comment .decmt-box .decmt-title .ip{
color:#669;
font-size:11px;
}
.dede_comment .decmt-box .decmt-title .date{
color:#666;
font-size:11px;
}
.dede_comment .decmt-box .decmt-act{
float:right;
margin-top:-18px;
padding-right:10px;
position:relative;
clear:both;
color:#999;
}
.dede_comment .decmt-box .decmt-act span{
margin-right:7px;
}
.dede_comment .decmt-box .decmt-act span a{
color:#888;
}
.dede_comment .decmt-box .decmt-content{
color:#555;
line-height:21px;
clear:both;
width:99%;
margin:2px auto 0px;
/* background:url(ico-comment-quote.gif) 0px 4px no-repeat;
text-indent:18px;*/
}
.dede_comment .decmt-box .decmt-content img{
vertical-align:middle;
}
.dede_comment .decmt-box .decmt-box{
background:#FFE;
border:1px solid #CCC;
margin:6px auto;
}
.dede_comment .decmt-box .decmt-box .decmt-title{
text-indent:4px;
}
.dede_comment .decmt-box .decmt-box .decmt-content{
color:#666;
}
.nocomment{
padding:10px;
color:#777;
}
.dede_comment_post{
padding:5px;
}
.dcmp-title{
line-height:25px;
}
.dcmp-title strong{
color:#444;
font-weight:normal;
}
.dcmp-title small{
font-size:12px;
color:#999999;
}
.dcmp-stand{
float:right;
margin-top:-18px;
padding-right:10px;
position:relative;
clear:both;
color:#999;
}
.dcmp-stand strong{
font-weight:normal;
color:#444;
}
.dcmp-stand input{
margin-right:2px;
}
.dcmp-stand img{
vertical-align:middle;
margin-right:2px;
}
.dcmp-content{
padding-top:8px;
}
.dcmp-content textarea{
width:96%;
height:60px;
}
.dcmp-mood{
height:25px;
width:80%;
overflow:hidden;
clear:both;
padding-top:12px;
}
.dcmp-mood strong{
float:left;
color:#444;
font-weight:normal;
line-height:25px;
}
.dcmp-mood ul{
float:left;
}
.dcmp-mood ul li{
float:left;
margin-right:8px;
}
.dcmp-mood ul li input,.dcmp-mood ul li img{
vertical-align:middle;
margin-right:4px;
*margin-right:0px;
}
.dcmp-post{
height:35px;
overflow:hidden;
clear:both;
color:#444;
}
.dcmp-post .dcmp-userinfo{
float:left;
margin-right:6px;
}
.dcmp-post .dcmp-userinfo input{
height:13px;
padding-right:0px;
}
.dcmp-post .dcmp-userinfo input,.dcmp-post .dcmp-userinfo img{
vertical-align:middle;
margin:5px;
}
.dcmp-post .dcmp-submit{
float:left;
padding-top:6px;
}
.dcmp-post .dcmp-submit input,.dcmp-post .dcmp-submit button{
vertical-align:middle;
}
.dcmp-post .dcmp-submit button{
width:70px;
height:25px;
border:none;
background:url(btn-bg2.gif) no-repeat;
line-height:25px;
letter-spacing:1px;
overflow:hidden;
color:#444;
cursor:pointer;
margin-left:5px;
}
/* 增加 */
.diggnum {
color:#fff;
font-size:15px;
font-weight:bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
width:42px;
height:23px;
text-align:center;
background-image:url(digg_bg.gif)
}
.diggit {
width:28px;
height:23px;
text-align:center;
background-image:url(dig.gif);
}
.diggit a {
color:#FFFF00;
}
/*--------e2 定义栏目列表页外框背景-----------*/
.e2 {
width:655px;
background-color:#f8f8f8;
border:1px #CCC solid;
margin-top:10px;
padding-bottom:10px;
background:url(place_bg.jpg) 1px 1px repeat-x;
}
.e2 li{
width:100%;
overflow:hidden;
clear:both;
padding:12px 0px;
border-bottom:1px solid #DDD;
}
/*--------上面一行为列表页标题间横隔线-----------*/
.e2 li a.preview{
width:84px;
float:left;
margin-right:7px;
margin-bottom:3px;
margin-left:10px;
display:inline;
}
.e2 li a.preview img{
width:80px;
/*height:60px;*/
display:block;
padding:1px;
border:1px solid #EEE;
}
.e2 li a.preview:hover img{
border:1px solid #AAA;
}
.e2 li a.title{
overflow:hidden;
line-height:25px;
padding-left:10px;
font-size:16px;
color:#309;
margin-left:2px;
}
.e2 span.info{
display:block;
line-height:25px;
font-size: 12px;
float: right;
padding-right:10px;
}
/*.e2 span.info{
display:block;
line-height:23px;
color:#555;
padding-left:12px;
}*/
.e2 span.info small{
color:#AAA;
font-size:12px;
margin-left:3px;
}
.e2 span.info a{
color:#690;
}
.e2 p.intro{
color:#776955;
line-height:20px;
margin-left:5px;
padding-left:10px;
padding-right:10px;
}
/*首页友情链接CSS*/
#friendLinkBox {clear:both;margin-top:5px;width:956px;border:#dddddd 1px solid;}
#friendLinkBox h2 {padding:0;margin:0;padding-left:25px;height:28px;line-height:27px;border-bottom:#dddddd 1px solid;background:#f7f7f7 no-repeat 5px center;}
#friendLinkBox h2 a {float:right;margin-top:-20px;margin-right:10px;}
#friendLogoLinks {clear:both;margin:3px 0px;margin-left:8px;width:948px;overflow:hidden;}
#friendLogoLinks span {display:block;text-align:center;margin:3px 0;}
#friendLinkBox hr {clear:both;border:0px dotted #d1d7dc;border-top-width:1px;height:0px;line-height:0px;margin:0;padding:0;overflow:hidden;}
#friendTextLinks {clear:both;background:#ffffff;margin:3px auto;width:956px;overflow:hidden;}
dl#friendTextList {margin:2px;padding:0;}
dl#friendTextList dd {text-align:center;}
dl#friendTextList dd a {display:block;height:20px;line-height:20px;color:#333333;}
dl#friendTextList dd a:hover {display:block;background:#3b97d3;color:#fff;text-decoration:none;}
.friendLinks {padding:0 5px;margin-top:0px;background:#fff;width:958px;overflow:hidden;}
/*评论样式*/
/*------------------------------------------------------------------*/
#commentHeader {font-size:14px;font-weight:bold;margin-top:5px;margin-bottom:-6px;text-align:center;color:#0098c5;}
#commentHeader {}
#commentHeader a {font-size:14px;font-weight:bold;line-height:28px;color:#0098c5;}
#commentable {width:590px;margin:0;background:#b6e6fb;}
#commentable td {padding:5px;background:#fff;}
#commentable td.title {background:#edf6ff;color:#1fabd3;}
/*#End--------------------------------------------------------------------------*/
.pageMainArea {clear:both;}
/*--分页CSS开始----------------------------------*/
div.mainPageBox {clear:both;float:left;margin-top:3px;padding:1px 0;background:#f7fcff;width:956px;}
div.mainNextPage {clear:both;float:left;margin-top:3px;padding:1px 0;background:#f7fcff;width:718px;}
div.mrePage {clear:both;width:716px;background:#fff;}
.morePage a{word-break:normal;word-wrap:normal;text-decoration:none;color:#3384c5;text-align:center;}
.morePage {display:block;text-align:center;float:right;margin:3px 2px;}
.morePage *{font-style:normal;font:normal 12px/18px arial,"宋体", serif;text-decoration:none;}
.morePage code a,.morePage code i{display:block;width:auto !important;min-width:16px;>width:16px;height:18px;float:left;padding:0 2px;color:#3384c5;border:1px solid #9bd3f8;margin:0 2px;}
.morePage code a{background:#fff;}
.morePage code a:hover{background:#e5f3fe;text-decoration:none;}
.morePage code a.active{border:1px solid #f7cf9e;color:#f60;font-weight:bold;}
.morePage code a:hover.active{background-color:#fcf0da;text-decoration:none;}
.morePage code i{display:block;border:0;margin:0;padding:0;font-weight:bold;line-height:14px;}
.morePage kbd,.morePage dfn{border:1px solid #9bd3f8;display:block;width:55px;height:18px;float:left;margin:0 2px;background:#e5f3fe url(page_arrow.gif) no-repeat 5px -54px;}
.morePage dfn{background-position:45px -85px}
.morePage dfn.disable{background-position:45px -35px}
.morePage kbd a,.morePage dfn a{display:block;padding-left:10px;height:17px;line-height:17px;>line-height:18px;overflow:hidden;border-left:1px solid #fff8ff;border-top:1px solid #fff;border-right:1px solid #c8e2f7;}
.morePage dfn a{padding:0 8px 0 0}
.morePage dfn.disable,.morePage kbd.disable{border:1px solid #bbb;background:#eee url(page_arrow.gif) no-repeat 45px -24px}
.morePage kbd.disable{background-position:5px 6px;}
.morePage .disable a{border:0;border-top:1px solid #fff;color:#999;text-decoration:none;}
.morePage .disable {background:#eee;}
.morePage .off{display:none;}
.mainPage {position:relative;top:0px;left:0px;height:30px;line-height:40px;}
.mainPage .morePage{position:absolute;right:0px;margin-right:5px;}
.mainPage i{font-style:normal;}
.mainPage {margin-top:20px;}
.postCount {color:#666;}
.postCount b{color:#f60;font-weight:bold;margin:0 2px;line-height:21px;}
.mainPage .postCount {line-height:30px;margin-left:12px;position:absolute;line-height:20px;}
.morePage input {border:1px solid #9bd3f8;background:#fff;color:#3384c5;height:16px;line-height:16px;>margin-top:-1px;width:30px;text-align:center;}
.morePage b {border:1px solid #9bd3f8;display:block;width:auto;height:18px;line-height:18px;float:left;margin:0 2px;background:#fff;padding:0 5px;}